<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        1、属性之间要用空格进行分离
        2、文件后缀名必须是.html，此时浏览器才可以正常解析
        3、div布局标签和p段落标签的区别
            div标签主要用于对页面进行分区，将页面分割成多个独立部分；p标签常用与文本段落
        4、快捷键组合
            快速复制当前行内容到下一行Shift+Alt+↓
            快速选中多行Shift+Alt+鼠标左键
            Ctrl+Enter快速切换至下一行
        5、严格控制缩进Tab（等效于4个空格），建议体现出属性或者子元素的嵌套关系
    -->
    <div>布局标签</div>
    <div>布局标签</div>
    <div>布局标签</div>
    <hr>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>

    <!-- 嵌套关系-图像超链接 -->
    <a href="" target="_blank" title="">
        <img src="" alt="" title="" width="" height="">
    </a>
</body>
</html>